<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head th:replace="public::head('博士后信息统计')">
</head>
<style>
    .center{
        width: 200px;
        text-align: center;
        vertical-align: middle;
    }
</style>
<div th:replace="top::top"></div>
    <div class="container-fluid">
        <div id="JingshangTongjilist" class="main" style="padding: 0;">
            <div class="primary-title">
                博士后信息统计
                <a target='_blank' href="../renyuan/daochu_tongji"><span class="btn btn-info" style="float:right;margin-right:15px;margin-top:10px;">导出统计表</span></a>
            </div>

            <div class="primary-content">
                <table class="table table-bordered" style="margin-bottom:10px;">
                    <tbody>
                    <tr>
                        <th class="center middle" style="background-color:rgba(0,0,0,.03);text-align: center;line-height: 45px;">
                            博士后姓名
                        </th>
                        <td class="center middle">
                            <input id="jiashuname" v-model="jiashuname" class="form-control" type="text" style="background-color:#fff;margin-top: 5px;"
                                   placeholder="请输入姓名"/>
                        </td>
                        <th class="center middle" style="background-color:rgba(0,0,0,.03);text-align: center;line-height: 45px;">
                            博士后编号
                        </th>
                        <td class="center middle">
                            <input id="bianhao" v-model="jiashuname" class="form-control" type="text" style="background-color:#fff;margin-top: 5px;"
                                   placeholder="请输入博士后编号"/>
                        </td>
                        <th class="center middle" style=";background-color:rgba(0,0,0,.03);text-align: center;line-height: 45px;">
                          学科门类
                        </th>
                        <td class="center middle">
                            <select id="" class="input form-control" v-model="deptid" style="margin-top: 5px;">
                                <option value=''>--请选择--</option>
                                <option value=""> 经济学</option>
                                <option value=""> 管理学</option>
                                <option value=""> 哲学</option>
                                <option value=""> 医学</option>
                                <option value=""> 军事学</option>
                                <option value=""> 工学</option>
                            </select>

                        </td>
                        <td rowspan="2" class="center middle" style="width:120px;text-align:center;vertical-align:middle;" >
                            <button class="btn btn-success btn-lg" @click="findVaild(1);">查 询</button>
                        </td>

                    </tr>
                    <tr>
                        <th class="center middle" style="background-color:rgba(0,0,0,.03);text-align: center;line-height: 45px;">
                            籍贯
                        </th>
                        <td class="center middle">
                            <select class="input form-control" v-model="deptid" style="margin-top: 5px;">
                                <option value=''>--请选择--</option>
                                <option value=""> 江苏</option>
                                <option value=""> 北京</option>
                                <option value=""> 上海</option>
                                <option value=""> 四川</option>
                            </select>
                        </td>
                        <th class="center middle" style="background-color:rgba(0,0,0,.03);text-align: center;line-height: 45px;">
                           年龄
                        </th>
                        <td class="center middle">
                            <input  v-model="jiashuname" class="form-control" type="text" style="background-color:#fff;margin-top: 5px;"
                                   placeholder="请输入博士后年龄"/>
                        </td>
                        <th class="center middle" style=";background-color:rgba(0,0,0,.03);text-align: center;line-height: 45px;">
                            状态
                        </th>
                        <td class="center middle">
                            <select class="input form-control" v-model="deptid" style="margin-top: 5px;">
                                <option value=''>--请选择--</option>
                                <option value=""> 在站</option>
                                <option value=""> 出站</option>
                                <option value=""> 退站</option>

                            </select>

                        </td>


                    </tr>
                    </tbody>
                </table>

                <table class="table table-hover table-striped" width="45%">
                    <thead>
                    <th style="text-align:center;vertical-align:middle;width: 60px;">序号</th>
                    <th style="text-align:center;vertical-align:middle;width: 100px;">博士后姓名</th>
                    <th style="text-align:center;vertical-align:middle;width: 100px;">博士后编号</th>
                    <th style="text-align:center;vertical-align:middle;width: 100px;">学科</th>
                    <th style="text-align:center;vertical-align:middle;width: 100px;">身份证号</th>
                    <th style="text-align:center;vertical-align:middle;width: 100px;">性别</th>
                    <th style="text-align:center;vertical-align:middle;width: 100px;">年龄</th>
                    <th style="text-align:center;vertical-align:middle;width: 100px;">籍贯</th>
                    <th style="text-align:center;vertical-align:middle;width: 100px;">状态</th>
                    </thead>

                    <tbody>
                    <tr class="ld"  style="height: 52px">
                        <td style="text-align:center;vertical-align:middle;" >1</td>
                        <td style="text-align:center;vertical-align:middle;" >张三</td>
                        <td style="text-align:center;vertical-align:middle;" >xd20222</td>
                        <td style="text-align:center;vertical-align:middle;" >工学</td>
                        <td style="text-align:center;vertical-align:middle;" >321322198503077811</td>
                        <td style="text-align:center;vertical-align:middle;" >男</td>
                        <td style="text-align:center;vertical-align:middle;" >36</td>
                        <td style="text-align:center;vertical-align:middle;" >江苏</td>
                        <td style="text-align:center;vertical-align:middle;" >
                            <span style="color: green">
                                在站
                            </span>
                        </td>
                    </tr>
                    <tr class="ld"  style="height: 52px">
                        <td style="text-align:center;vertical-align:middle;" >2</td>
                        <td style="text-align:center;vertical-align:middle;" >李四</td>
                        <td style="text-align:center;vertical-align:middle;" >xd20242</td>
                        <td style="text-align:center;vertical-align:middle;" >农学</td>
                        <td style="text-align:center;vertical-align:middle;" >321322198003077811</td>
                        <td style="text-align:center;vertical-align:middle;" >男</td>
                        <td style="text-align:center;vertical-align:middle;" >41</td>
                        <td style="text-align:center;vertical-align:middle;" >北京</td>
                        <td style="text-align:center;vertical-align:middle;" >
                            <span style="color: green">
                                在站
                            </span>
                        </td>
                    </tr>
                    <tr class="ld"  style="height: 52px">
                        <td style="text-align:center;vertical-align:middle;" >3</td>
                        <td style="text-align:center;vertical-align:middle;" >赵二</td>
                        <td style="text-align:center;vertical-align:middle;" >xd45242</td>
                        <td style="text-align:center;vertical-align:middle;" >工学</td>
                        <td style="text-align:center;vertical-align:middle;" >321322198503077811</td>
                        <td style="text-align:center;vertical-align:middle;" >男</td>
                        <td style="text-align:center;vertical-align:middle;" >32</td>
                        <td style="text-align:center;vertical-align:middle;" >上海</td>
                        <td style="text-align:center;vertical-align:middle;" >
                            <span style="color: #dada47">
                                出站
                            </span>
                        </td>
                    </tr>
                    <tr class="ld"  style="height: 52px">
                        <td style="text-align:center;vertical-align:middle;" >4</td>
                        <td style="text-align:center;vertical-align:middle;" >李丽丽</td>
                        <td style="text-align:center;vertical-align:middle;" >dz45242</td>
                        <td style="text-align:center;vertical-align:middle;" >军事学</td>
                        <td style="text-align:center;vertical-align:middle;" >321322198503077811</td>
                        <td style="text-align:center;vertical-align:middle;" >女</td>
                        <td style="text-align:center;vertical-align:middle;" >36</td>
                        <td style="text-align:center;vertical-align:middle;" >江苏</td>
                        <td style="text-align:center;vertical-align:middle;" >
                            <span style="color: red">
                                退站
                            </span>
                        </td>
                    </tr>
                    <tr class="ld"  style="height: 52px">
                        <td style="text-align:center;vertical-align:middle;" >5</td>
                        <td style="text-align:center;vertical-align:middle;" >周正</td>
                        <td style="text-align:center;vertical-align:middle;" >dz42242</td>
                        <td style="text-align:center;vertical-align:middle;" >历史学</td>
                        <td style="text-align:center;vertical-align:middle;" >321322198503077811</td>
                        <td style="text-align:center;vertical-align:middle;" >男</td>
                        <td style="text-align:center;vertical-align:middle;" >36</td>
                        <td style="text-align:center;vertical-align:middle;" >江苏</td>
                        <td style="text-align:center;vertical-align:middle;" >
                            <span style="color: green">
                                在站
                            </span>
                        </td>
                    </tr>
                    <tr class="ld"  style="height: 52px">
                        <td style="text-align:center;vertical-align:middle;" >6</td>
                        <td style="text-align:center;vertical-align:middle;" >张三</td>
                        <td style="text-align:center;vertical-align:middle;" >dz4342</td>
                        <td style="text-align:center;vertical-align:middle;" >文学</td>
                        <td style="text-align:center;vertical-align:middle;" >321322198503077811</td>
                        <td style="text-align:center;vertical-align:middle;" >男</td>
                        <td style="text-align:center;vertical-align:middle;" >36</td>
                        <td style="text-align:center;vertical-align:middle;" >四川</td>
                        <td style="text-align:center;vertical-align:middle;" >
                            <span style="color: green">
                                在站
                            </span>
                        </td>
                    </tr>


                    </tbody>


                </table>



                <div  class="my-page-navigation">
                    <button class="btn btn-default" v-on:click="SetPageIndex">首页</button>
                    <button class="btn btn-default" v-on:click="SetPageIndexPrePage">上一页</button>
                    <span v-text=" ' 1 / 5 ' "></span>
                    <span v-text="'共30条'"></span>
                    <button class="btn btn-default" v-on:click="SetPageIndexNextPage">下一页</button>
                    <button class="btn btn-default" v-on:click="SetPageEnd">尾页</button>
                    <span>跳到第</span>
                    <input type="text" class="form-control" style="width: 80px;display:inline-block;"  v-model="inputPageIndexValue" v-on:keyup.enter="JumpPage">
                    <span>页</span>
                    <button class="btn btn-default" v-on:click="JumpPage">跳</button>
                </div>




                <div id="tongji" style="width: 1200px;height: 489px; box-sizing:border-box;margin: auto;margin-top: 50px;"></div>

                <div id="tongjibing" style="width: 1200px;height: 770px; box-sizing:border-box;margin: auto;margin-top: 50px;"></div>
            </div>

        </div>
    </div>
<div th:replace="bottom::bottom"></div>
<script type="text/javascript" src="../js/echarts.min.js"></script>
<script src="../js/bshxinxi/bshtongji.js?ver=0.1"></script>
<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>


<link href="../css/main.css?ver=1.0" rel="stylesheet" type="text/css"></link>
<link href="../css/dashboard.css?ver=1.1" rel="stylesheet" type="text/css"></link>
<link rel="stylesheet" href="../css/xadmin.css?ver=0.6">

</html>